<template>
  <div class="demo">
    <div class="demo-title">可选择</div>
    <div class="demo-content">
      <Tag.CheckableTag v-model:checked="checked1" @change="handleChange">Tag1</Tag.CheckableTag>
      <Tag.CheckableTag v-model:checked="checked2" @change="handleChange">Tag2</Tag.CheckableTag>
      <Tag.CheckableTag v-model:checked="checked3" @change="handleChange">Tag3</Tag.CheckableTag>
    </div>
  </div>
</template>

<script lang="ts" setup>
  import { ref } from 'vue';
  import Tag from '@sscd/tag';
  const checked1 = ref(false);
  const checked2 = ref(false);
  const checked3 = ref(false);
  const handleChange = (checked: boolean) => {
    console.log(checked);
  };
</script>
